<div id="map" style="width:800px;height:500px"></div>
<a href="javascript:toggleEmployeeMapInfoForm()">Add/Edit Employee Address</a>
<form id="editemployeemapinfo" action="../dashboard/editmapinfo" method="post" style="display:none">
    <div>
        <label>Employee</label>
        <SELECT id="employees" onchange="employeeChanged()" name="employees">
            <OPTION value=""></OPTION>
        </SELECT>
        <input type="hidden" id="employeeName" name="employeeName"></a>
        <input type="hidden" id="employeeType" name="type" value="Employee"> </a>
        <label>Address</label><input type="text" id="employeeAddress" name="employeeAddress"> </input>
        <label>Latitude</label><input type="text" id="employeeLat" name="employeeLat" value="0" style="width:50px"> </input>
        <label>Longitude</label><input type="text" id="employeeLng" name="employeeLng" value="0" style="width:50px"> </input>

        <input id="saveEmployee"type="submit" value="Save" disabled="true"> </input>
        <input id="cancelEmployee" type="button" value="Cancel" disabled="true" onclick="onCancel()"> </input>
        <p>Select an employee and drag the marker to the correct location,then click save.</p>
    </div>
</form>
<div class="clear"></div>
<!--the following key is only for the server 10.18.3.230-->
<script src="http://ditu.google.cn?file=api&amp;v=2&amp;key=ABQIAAAAayAEAKR2L3mKSqFLC1wrlBRheUOCHt_PIwrKEMTvXFsiBDpTchRLqIvjMcF1_Y6Btg_iAcDF5bJeww" type="text/javascript"></script>
<g:javascript library="jquery"/>
<g:javascript library="googlemap"/>
